<template>
  <div class="min-h-screen bg-gradient-to-b from-blue-50 to-white text-gray-800 font-sans">
    <Header />
    <main>
      <HeroSection />
      <DoubleLoop />
      <Features />
      <Mission />
      <CallToAction />
    </main>
    <Footer />
  </div>
</template>

<script setup>
import Header from '../components/Header.vue';
import HeroSection from '../components/HeroSection.vue';
import DoubleLoop from '../components/DoubleLoop.vue';
import Features from '../components/Features.vue';
import Mission from '../components/Mission.vue';
import CallToAction from '../components/CallToAction.vue';
import Footer from '../components/Footer.vue';
</script>